@charset "utf-8";

body,hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}

body{font-size:12px;color:#666;font-family:"微软雅黑";background:#fff; width:100%;overflow-x:hidden;word-break:break-all;}

em{font-style:normal;}

h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal}

ul, ol{list-style:none;}

a{text-decoration:none;color:#999;}

a:hover{text-decoration:none;}

img{border:none;line-height:0;font-size:0;vertical-align:bottom;}

.clear{clear:both;line-height:0;font-size:0;overflow:hidden;}

.wrap,.w1200{width:1200px;margin:0 auto;}

.fr{float:right}

.fl{float:left}

/*======================浮动的外层==================*/

.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{display:inline-block; }

/* required comment for clearfix to work in Opera \*/

* html .clearfix{zoom:1}

.clearfix{display:block;}

/* end clearfix */

/*header*/

.header{ width:100%;}

.header .head{ padding:35px 0}

.head .menu{height:49px;}

.menu li{float:left;margin-left:55px;line-height:49px}

.menu li a{display:block;color:#333;font-size:14px;padding-bottom:19px;transition:all linear 0.3s;}

.menu li a:hover{color:#0074bb;}

/*焦点图*/

.banner{width:1200px;height:550px;position:relative;margin:0 auto;}

#focus{width:1920px;height:550px;overflow:hidden;position:absolute;top:0;left:-350px; min-width:1200px}

#focus ul{height:550px;position:absolute;}

#focus ul li{float:left;width:1920px;height:550px;overflow:hidden;position:relative; /*background: #000;*/min-width:1200px}

#focus ul li a{display:block;width:1920px;height:550px;min-width:1200px}

#focus .btn{width:84px;height:16px;margin:0 auto;}

#focus .preNext{width:48px;height:48px;position:absolute;top:203px;cursor:pointer;}

#focus .btn span{display:block;float:left;width:18px;height:16px;margin-right:3px;background:url(../images/dd.png) no-repeat;cursor:pointer;}

#focus .btn span.on{background:url(../images/dd2.png) no-repeat; }

#focus .dw {width:1920px;height:16px;position:absolute;bottom:15px;left:0;}

/* footer */

.footer{width:100%;background:#202020;padding:25px 0; min-width:1200px}

.footer .f_left{margin-top:11px;width: 700px;}

.footer .f_left .f_menu{padding-bottom:17px}

.footer .f_left .f_menu a{color:#666;font-size:12px;margin-right:30px}

.footer .f_left p{color:#666;font-size:12px;line-height:24px}

.footer .f_left p span{ color:#309cfd}

.footer .f_left p strong{ font-size:14px}

.f_right .share{padding-top:32px; margin-right:42px}

.f_right .share li{width:36px;float:left;margin-left:10px;position:relative}

.share li .info{position:absolute;bottom:42px;left:0;width:100px;height:0;overflow:hidden;}

.f_right .share li a{display:inline-block;height:36px;width:36px;background:url(../images/share.png) no-repeat;overflow:hidden;transition: all linear 0.3s;}

.f_right .share li:hover .a1{background-position:0 -47px}

.f_right .share li .a2{background-position:-46px 0px}

.f_right .share li:hover .a2{background-position:-46px -47px}

.f_right .share li .a3{background-position:-92px 0px}

.f_right .share li:hover .a3{background-position:-92px -47px}

.f_right .share li .a4{background-position:-138px 0px}

.f_right .share li:hover .a4{background-position:-138px -47px}